<template>
    <div>
        <el-pagination
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
                :current-page="queryInfo.pagenum"
                :page-sizes="[2, 4, 6, 8]"
                :page-size="queryInfo.pagesize"
                layout="total, sizes, prev, pager, next, jumper"
                :total="total"
        >
        </el-pagination>
    </div>
</template>

<script>
    export default {
        props:{
            queryInfo:Object,
            total:Number
        },
        data() {
            return {

            }

        },
        created() {

        },
        methods: {
            handleCurrentChange(val){
                this.$emit('handleCurrentChange',val)
            },
            handleSizeChange(val){
                this.$emit('handleSizeChange',val)
            }
        }
    }
</script>

<style lang="less" scoped>

</style>